<template>
    <div class="item-info">
        <div class="item-info-container">
            <div class="item-info-master">
                <span class="label f12" style="background-color: rgb(120, 160, 209)">直降 </span>
                <span class="label f12" style="background-color: rgb(145, 188, 111)">包邮</span>
                直降包邮 {{ detail.masterName }}
            </div>
            <div class="item-info-slave color-gray">
                果园生态种植 皮薄香甜爽口 富含天然维C
            </div>
            <div class="item-info-price flex jc-sb ai-fe mt-10">
                <span>
                    <span class="price mr-5" style="font-size: 15px">￥</span>
                    <span class="f20 price mr-5">44.9</span>
                    <span class="f12 old-price mr-5 color-gray" style="text-decoration: line-through">￥56.9</span>
                </span>
                <span class="f12 color-gray">3932人购买</span>
            </div>
        </div>
        <!-- 数目弹框 -->
        <div class="item-cell">
            <van-cell style="font-size: 13px">
                <span class="color-gray">规格： X</span>
                2
            </van-cell>
            <div class="baged f12 flex ai-c" style>
                <van-icon name="passed" icon-size="12px" color="red" style="margin-right: 5px" />
                <span class="color-gray">包邮</span>
            </div>
        </div>
    </div>
</template>

<script>
export default { 
  props: ['detail']
}
</script>